<script setup lang="ts">
import { reactive } from 'vue'
import type { MilestoneInfo } from '../../views/project/create-milestone/MilestoneForm.vue'

const milestoneBasic = reactive<MilestoneInfo>({
  milestoneName: '',
  versionNumber: '',
  projectManager: '',
  productManager: '',
  startTime: '',
  publishTime: '',
  testTime: '',
  desc: ''
})
</script>

<template>
  <el-descriptions border :label-width="126" :column="2">
    <el-descriptions-item label="里程碑节点名称">
      {{ milestoneBasic.milestoneName }}
    </el-descriptions-item>
    <el-descriptions-item label="版本号">
      {{ milestoneBasic.versionNumber }}
    </el-descriptions-item>
    <el-descriptions-item label="项目经理">
      {{ milestoneBasic.projectManager }}
    </el-descriptions-item>
    <el-descriptions-item label="产品经理">
      <el-tag size="small"> {{ milestoneBasic.productManager }}</el-tag>
    </el-descriptions-item>
    <el-descriptions-item label="UI设计">
      <el-tag size="small"> {{ milestoneBasic.productManager }}</el-tag>
    </el-descriptions-item>
    <el-descriptions-item label="研发人员">
      <el-tag size="small"> {{ milestoneBasic.productManager }}</el-tag>
    </el-descriptions-item>
    <el-descriptions-item label="测试人员">
      <el-tag size="small"> {{ milestoneBasic.productManager }}</el-tag>
    </el-descriptions-item>
    <el-descriptions-item label="任务开启时间">
      {{ milestoneBasic.startTime }}
    </el-descriptions-item>
    <el-descriptions-item label="计划提测时间">
      {{ milestoneBasic.testTime }}
    </el-descriptions-item>
    <el-descriptions-item label="上线时间">
      {{ milestoneBasic.publishTime }}
    </el-descriptions-item>
    <el-descriptions-item label="Git地址">
      {{ milestoneBasic.serverIP }}
    </el-descriptions-item>
    <el-descriptions-item label="服务器地址">
      {{ milestoneBasic.serverIP }}
    </el-descriptions-item>
    <el-descriptions-item label="端口">
      {{ milestoneBasic.serverPort }}
    </el-descriptions-item>
    <el-descriptions-item label="登录名称">
      {{ milestoneBasic.loginName }}
    </el-descriptions-item>
    <el-descriptions-item label="密码">
      {{ milestoneBasic.password }}
    </el-descriptions-item>
    <el-descriptions-item label="节点描述">
      {{ milestoneBasic.desc }}
    </el-descriptions-item>
  </el-descriptions>
</template>

<style scoped lang="scss">
.version-detail {
  width: 100%;
  height: 100%;
}
</style>
